<template>
    <div class="wl-router-page">
        <Row :gutter="16" class="drawer">
            <Col span="6">
                <Alert @click.native="projectAction" >2021年度项目类资金</Alert>
            </Col>
            <Col span="6">
                <Alert @click.native="superviseAction">沈阳市监管类资金</Alert>
            </Col>
        </Row>
    </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  methods: {
    projectAction () {
      this.$router.push({
        name: 'projectCapital'
      })
    },
    superviseAction () {
      this.$router.push({
        name: 'capitalSuperviseCapital'
      })
    }
  }
}
</script>

<style scoped lang="less">
    .wl-router-page {
        .drawer /deep/ .ivu-alert-info {
            min-height: 100px;
        }

        .drawer /deep/ .ivu-alert {
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        .corner-mark {
            display: block;
            position: absolute;
            right: 10px;
            top: 10px;
        }

        .alert-title {
            display: block;
        }

        .clear-btn {
            display: block;
            position: absolute;
            right: 10px;
            bottom: 10px;
        }
    }
</style>
